<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta charset="UTF-8">
    <title>self-desc</title>
    <style>
        .section-title{
            font-size:25px;
            color: black;
            background-color: #cccccc;
            display: block;
            border-radius: 5px;
            padding-left: 10px;
            padding-top: 5px;
            padding-bottom: 5px;
        }
        a{
            color: #0033FF;
            
            width: 60%;
            margin-left: 20px;
            text-decoration: none;
            position: absolute;

            white-space:nowrap;
            text-overflow:ellipsis;
            word-break:break-all;
            overflow:hidden;
        }
        a:hover{
            color: #0023aF;
        }
        body{
            padding: 20px;
        }


        /*pc端设置最大宽度*/
        @media (min-width: 1200px) {
            body{
                max-width: 800px;
                margin:0 auto;
                border: #eeeeee 1px solid;
            }
        }
    </style>
</head>
<body>
<h3 style="text-align: center;">self-desc</h3>
<text class="section-title">
    xinxi:
</text>

    <div style="display: flex;justify-content: space-between;margin-top:10px;color: #3e3a39;font-size: 20px">
        <text style="width:30%">name:haha</text>
        <text style="width:30%;text-align: center;">jingyan:5</text> 
        <text style="width:30%;text-align: right;">xuexiao:haha</text>
    </div>
    <div style="display: flex;justify-content: space-between;margin-top:10px;color: #666666;font-size: 16px;margin-bottom: 10px">
        <text style="width:30%">zhuanye:haha</text>
        <text style="width:30%;text-align: center;">E-mail:haha</text> 
        <text style="width:30%;text-align: right;">dianhua:<text style="color:#0033FF" id="phone">10086</text></text>
    </div>
<text class="section-title">
    yixiang:
</text>
<text >
    anzhuo
</text>
<text class="section-title">
    gongzuojingli:
</text>

<div>
    2014 nian 10 yue—2015 nian 11 yue <text style="float: right">xinyan</text>
</div>
<div>
    2014 nian 10 yue—2015 nian 11 yue <text style="float: right">xinyan</text>
</div>

<text class="section-title">
    zhuanyejineng:
</text>
<ul id="list">
    
    <li>haha</li>
    <li>haha</li>
    <li>haha</li>
    <li>haha</li>
    <li>haha</li>

</ul>

<text class="section-title">
    boke:
</text>
<ul>
    <li>csdn:<a target="_blank" href="https://blog.csdn.net/divaid?spm=1010.2135.3001.5421">https://blog.csdn.net/divaid</a></li>

    <li>github:<a target="_blank" href="https://github.com/divaid">https://github.com/divaid</a></li>

    <li>gitee:<a target="_blank" href="https://gitee.com/load_star/projects">https://gitee.com/load_star/projects</a></li>

    <li>ziyuan:<a target="_blank" href="https://divaid.github.io/htmlminifuncs/">https://divaid.github.io/htmlminifuncs</a></li>

</ul>
<text class="section-title">
    xiangmu:
</text>





<script type="text/javascript">
    function isMobile() {
        let info = navigator.userAgent;
        let agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPod", "iPad"];
        for (let i = 0; i < agents.length; i++) {
            if (info.indexOf(agents[i]) >= 0) {
                isMobile = true;
                return true;
            }
        }
        isMobile = false;
        return false;             
    }
    var tel = document.getElementById("phone")
    if (isMobile()) {
        tel.style.color = "#0033FF"
        tel.onclick=function(e) {
            window.open("tel:10086", "_self")
        }
    } else {
        tel.style.color = "#1e1a19"
    }
</script>
</body>
</html>